<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <style>
    span {
      color: blue;
    }
  </style>
</head>
<body>
  

  <script>
    // 类 --> 对象 -> 对象里面又有方法

    // 1. window对象(浏览器窗口对象，js里面最大的对象)

    // 1.1 window.alert()
    // 可以弹出一个信息框, 会阻止下面的代码进行运行
    // alert("hello")
    // window.alert("hello2")
    // window.alert("hello3")
    // console.log(123);
    // 也可以使用alert方法去输出一些信息
    // 前面的window是可以省略的

    // 1.2 window.prompt()
    // 也是弹出一个信息框, 这个信息框里面会携带一个输入框
    // prompt()方法输入框里面输入的都是字符串
    // var username = window.prompt("请输入用户名：");
    // console.log(username);
    // var count = window.prompt("请输入一个数字:");
    // console.log(typeof count);

    // 1.3 window.confirm()
    // 也是弹出一个信息框, 这个信息框里面会有确定和取消两个按钮
    // 也有返回值，返回的是true，表示用户点击了确定
    // 返回的是false，表示用户点击了取消
    // const result = window.confirm("你确定要删除吗?");
    // console.log(result);



    // 2. console对象 - 浏览器面板上面的对象
    // 可以在控制台输出一些想要的信息
    // console.log(123);
    // 也可以同时输出多个值
    // console.log("a", "b");



    // 3. document对象 - 文档对象 - 浏览器白色的区域(可以写html的区域)
    // 3.1 document.write()
    // 可以想括号里面的内容写到文档里面去
    // document.write("你好");
    // document.write("<h1>JavaScript</h1>");
    // document.write("<p style='color: red;'>哈哈哈哈哈</p>");
    // document.write("<span>哈哈哈哈哈2</span>");

  </script>
</body>
</html>